{extend name="layouts/main" /}
{block name="link"}{/block}
{block name="css"}
<style>
	.layui-layout-admin .layui-main {
		margin-bottom: 0px;
	}
</style>
{/block}
{block name="content"}
<div class="layui-tab layui-tab-brief" lay-filter="demoTitle">
	<div class="layui-body layui-tab-content site-demo site-demo-body" style="padding: 15px;background-color: #F2F2F2;top: 0px;left: 0px;">
		<div class="layui-tab-item layui-show">
			<div class="layui-main">
				<div id="LAY_preview">
					<div class="layui-fluid" style="position: relative;margin: 0 auto;padding: 0 0px;">
						<div class="layui-card" style="overflow-y: hidden;float: left;width: 100%;">
							<div class="layui-card-header">插件安装检测</div>
							<div class="layui-card-body">
								<form class="layui-form form-horizontal" method="post">
									<div class="layui-form-item">
										<table class="layui-table" lay-even style="max-width: 280px;">
											<colgroup>
												<col width="180">
												<col width="100">
											</colgroup>
											<thead>
												<tr>
													<td>是否适配系统版本</td>
													<td class="text-center">{$version_check|raw}</td>
												</tr>
											</thead>
										</table>
									</div>
									{if condition="$need_plugin"}
									<div class="layui-form-item">
										<h4><b>插件依赖检查</b></h4>
										<table class="layui-table" lay-even style="max-width: 400px;">
											<colgroup>
												<col width="180">
												<col width="200">
												<col>
												<col>
											</colgroup>
											<thead>
												<tr>
													<th>插件</th>
													<th>当前版本</th>
													<th>所需版本</th>
													<th class="text-center">检查结果</th>
												</tr>
											</thead>
											<tbody>
												{volist name="need_plugin" id="vo"}
												<tr>
													<td>{$vo.plugin}</td>
													<td width="100">{$vo.version}</td>
													<td width="100">{$vo.version_need}</td>
													<td class="text-center" width="100">{$vo.result|raw}</td>
												</tr>
												{/volist}
											</tbody>
										</table>
									</div>
									{/if}
									{if condition="$table_check"}
									<div class="layui-form-item">
										<h4><b>数据表检查</b></h4>
										<table class="layui-table" lay-even style="max-width: 280px;">
											<colgroup>
												<col width="180">
												<col width="100">
											</colgroup>
											<thead>
												<tr>
													<th>数据表</th>
													<th class="text-center">检查结果</th>
												</tr>
											</thead>
											<tbody>
												{volist name="table_check" id="vo"}
												<tr>
													<td>{$vo.table}</td>
													<td class="text-center">{$vo.result|raw}</td>
												</tr>
												{/volist}
											</tbody>
										</table>
									</div>
									{/if}
									<div class="layui-form-item">
										<h4><b>是否清除旧数据</b></h4>
										<div>
											<input type="radio" name="clear" value="0" title="否" checked>
											<input type="radio" name="clear" value="1" title="是">
										</div>
										<div class="layui-form-mid layui-word-aux">选择“是”，将删除数据库中已存在的相同数据表</div>
									</div>
									<div class="layui-form-item">
										<div><input type="checkbox" name="demo" title="安装演示数据" value="1" lay-skin="primary" checked></div>
										<div class="layui-form-mid layui-word-aux">含有旧数据时,请勿勾选,以免数据冲突</div>
									</div>
									<div class="layui-form-item">
										<button class="layui-btn" id="install" lay-submit="" lay-filter="*" target-form="form-horizontal">确认安装</button>
										<button class="layui-btn layui-btn-normal" type="button" onclick="javascript:history.back(-1);">返回</button>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{/block}
{block name="js"}
<script type="text/javascript">
	layui.use(['layer', 'form'], function() {
		$('#install').click(function() {
			var table_exists = false;
			var target;
			if ($('.layui-form .icon-danger').length) {
				layer.msg('系统版本过低或缺少依赖插件',{icon:2,time:1500})
				return false;
			}
			if ($('.layui-form span.text-danger').length) {
				table_exists = true;
			}
			if (table_exists && $('.layui-form input[name=clear]:checked').val() == 0) {
				layer.msg('数据库表存在冲突，如果需要覆盖原有数据，请选择“清除旧数据”',{icon:2,time:1500})
				return false;
			}
			target = $('.form-horizontal').attr("action");
			$.post(target, $('.form-horizontal').serialize()).success(function(data) {
				if (data.code == 1) {
					if (data.url) {
						layer.alert(data.msg, { icon: 1 }, function(index) {
							layer.close(index);
							if (data.url) {
								location.href = data.url;
							} else {
								location.reload();
							}
						});
					} else {
						layer.alert(data.msg);
					}
				} else {
					layer.alert(data.msg);
				}
			});
			return false;
		});
	});
</script>
{/block}